<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
<head>
	<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
	<meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
	<meta property="og:description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
	<meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
	<meta property="og:title" content="{$meta_title|escape:'htmlall':'UTF-8'}" />
	<meta property="og:type" content="{$page_name|escape:'htmlall':'UTF-8'}" />
	<meta property="og:url" content="http://{$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}" />
	<meta property="og:site_name" content="Goodwill Beauty" />

	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
	<!--meta name="generator" content="PrestaShop" /-->
	<meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
	<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico?{$time}" />
	<link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico?{$time}" />
	<script type="text/javascript">
		var baseDir = '{$content_dir}';
		var static_token = '{$static_token}';
		var token = '{$token}';
		var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
		var priceDisplayMethod = {$priceDisplay};
		var roundMode = {$roundMode};
	</script>
{if isset($css_files)}
	{foreach from=$css_files key=css_uri item=media}
	<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
	{/foreach}
{/if}
{if isset($js_files)}
	{foreach from=$js_files item=js_uri}
	<script type="text/javascript" src="{$js_uri}"></script>
	{/foreach}
{/if}
	{$HOOK_HEADER}
	
	
	<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-33841329-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
	</script>
	
<script> 

  window.onscroll = changeFlogoOnScroll;
  
  function changeFlogoOnScroll()
  {
  	if (document.documentElement && document.documentElement.scrollLeft) 
  	{           
		  l = document.documentElement.scrollLeft;
	 	} 
	 	else if (document.body) 
	 	{            
		  l = document.body.scrollLeft;         
	 	}
  	
  	if (l > 0)
  	{
	  	leftpos = 0;
	  	
	  	document.getElementById('facebook_side_logo').style.position = "absolute";
	  	document.getElementById('facebook_side_logo').style.left = leftpos + 'px';
	  }
	  else
	  {
	  	myPos = findPos(document.getElementById('header_links'));
			x = myPos[0];
			
			leftpos = x - 28;
	  
		  document.getElementById('facebook_side_logo').style.position = "fixed";  
		  document.getElementById('facebook_side_logo').style.left = leftpos + 'px';
	  }
  }
  
  function changeFlogoSize() 
  { 	
		if (navigator.userAgent.match(/Android/i)
	  		|| navigator.userAgent.match(/webOS/i)
				|| navigator.userAgent.match(/iPhone/i)
				|| navigator.userAgent.match(/iPad/i)
				|| navigator.userAgent.match(/iPod/i)
				|| navigator.userAgent.match(/BlackBerry/i))
 		{
 			document.getElementById('facebook_side_logo').style.display = "none";
 		}
		else {
			myPos = findPos(document.getElementById('header_links'));
			x = myPos[0];
			
			var leftpos;
			
			// Get the window x position instead if the x position of header link is not found
			if (x < 0 )
			{
				var winW;
	      if (document.body && document.body.offsetWidth) { 
	       winW = document.body.offsetWidth; 
	       winH = document.body.offsetHeight; 
	      } 
	      if (document.compatMode=='CSS1Compat' && 
	          document.documentElement && 
	          document.documentElement.offsetWidth ) { 
	       winW = document.documentElement.offsetWidth; 
	       winH = document.documentElement.offsetHeight; 
	      } 
	      if (window.innerWidth && window.innerHeight) 
	      { 
	       winW = window.innerWidth; 
	       winH = window.innerHeight; 
	      }
		    if (winW >= 1275)
		    { 
		    	leftpos = 108;
		    }
		    if (winW < 1275)
		    { 
		    	leftpos = winW/450;
		    }
		  }
		  
		  leftpos = x - 28;
		  
		  document.getElementById('facebook_side_logo').style.left = leftpos + 'px';
	    document.getElementById('facebook_side_logo').style.display = "block";
	  }  
  }
  
  function findPos(obj) {
		var curleft = curtop = 0; 
		if (obj.offsetParent) { 
      curleft = obj.offsetLeft 
      curtop = obj.offsetTop 
      while (obj = obj.offsetParent) { 
              curleft += obj.offsetLeft 
              curtop += obj.offsetTop 
      } 
		} 
		return [curleft,curtop]; 
	} 
</script> 

<!--script language=JavaScript> function clickIE4(){ if (event.button==2){ return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("return false") </script-->

<!--Facebook meta-->
<!--meta property="fb:admins" content="529671137" /-->
<meta property="fb:app_id" content="582832995085573"/>

</head>
<body onLoad="changeFlogoSize()" onresize="changeFlogoSize()" onscroll="changeFlogoOnScroll()" ondragstart="return false" onselectstart="return false" {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>

<!--Facebook comments-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=582832995085573";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!--body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}-->
<!--[if lt IE 7]><div style='clear:both;height:59px;padding:0 15px 0 15px;position:relative;z-index:10000;text-align:center;'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div><![endif]-->
{if isset($ad) && isset($live_edit)}{include file="$tpl_dir./live_edit.tpl"}{/if}
{if !$content_only}
{if isset($restricted_country_mode) && $restricted_country_mode}<div id="restricted-country"><p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p></div>{/if}
<!-- facebook side logo -->
<div id="facebook_side_logo" class="facebook_side_logo">
	<a href="https://www.facebook.com/GoodwillBeauty" target="_blank" title="{l s='Like Goodwill Beauty on Facebook'}">
		<img src="{$img_ps_dir}facebook_side_icon_right_{$lang_iso}.png" width="27" height="161" border="0" alt="{l s='Like Goodwill Beauty on Facebook'}"/>
	</a>
</div>
<div id="wrapper1">
<div id="wrapper2">
<div id="wrapper3">
	<!-- Header -->
	<div id="header">
		<!-- Modified on 20111227 - Change to index.php -->
		<!--a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"-->
		<a id="header_logo" href="{$link->getPageLink('index.php')}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
			<img class="logo" src="{$img_ps_dir}logo.jpg?{$time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" />
		</a>
		<div id="header_right">
			{$HOOK_TOP}
		</div>
	</div>
	<div id="columns">
<!-- Left -->
		<div id="left_column" class="column">{$HOOK_LEFT_COLUMN}</div>
<!-- Center -->
		<div id="center_column" class="center_column">
		
		{if strpos($page_name, 'module-') === false}
			<!-- Home Page Popup Notification -->
			<link href="/css/jquery.fancybox-1.3.4.css?v=1348061016" rel="stylesheet" type="text/css" media="screen" />
			<script type="text/javascript" src="/js/jquery/jquery.fancybox-1.3.4.js"></script>
			<script type="text/javascript" src="/js/jquery/jquery.cookie.js"></script>
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/Laneige/Laneige_Moisture_Care.jpg?{$time}" title="Laneige - Moisture Care Miniature Set (4 items)" style="display: none" class="iframe"></a>
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/innisfree/Innisfree Masks_{$lang_iso}.jpg?{$time}" title="Innisfree - It's Real Masks" style="display: none" class="iframe"></a>
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/Banila Co/banila co - cc cream.jpg?{$time}" title="Banila Co - It Radiant CC Cream" style="display: none" class="iframe"></a>
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/Osulloc/Osulloc - Water Plus.jpg?{$time}" title="Osulloc - Water Plus" style="display: none" class="iframe"></a>
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/dewytree/dewytree_mask_{$lang_iso}.jpg?{$time}" title="DewyTree - Masks" style="display: none" class="iframe"></a>
			<!--a rel="promotion_group" href="{$base_dir_ssl}img/promotion/TONYMOLY/Timeless EGF Second Skin Mask Sheet_{$lang_iso}.jpg?{$time}" title="TONYMOLY - Timeless EGF Second Skin Mask Sheet" style="display: none" class="iframe"></a-->
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/innisfree/innisfree - jeju volcanic pore clay mask.jpg?{$time}" title="innisfree - Jeju Volcanic Pore Clay Mask" style="display: none" class="iframe"></a>
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/It's Skin/Its Skin Prestige_{$lang_iso}.jpg?{$time}" title="It's Skin - PRESTIGE crème d’escargot" style="display: none" class="iframe"></a>
			<a rel="promotion_group" href="{$base_dir_ssl}img/UGB_promotion_{$lang_iso}.jpg?{$time}" title="UGBang - Hot Items Special Offer" style="display: none" class="iframe"></a>
			<!--a rel="promotion_group" href="{$base_dir_ssl}img/promotion/Missha/Missha Time Revolution The First Treatment Essence.jpg?{$time}" title="Missha - Time Revolution The First Treatment Essence" style="display: none" class="iframe"></a-->
			<!--a rel="promotion_group" href="{$base_dir_ssl}img/promotion/Hermippe/Hermippe_{$lang_iso}.jpg?{$time}" title="Hermippe - Finger-size Ion Induction Massager" style="display: none" class="iframe"></a-->
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/TONYMOLY/TONYMOLY Luminous Pure Aura CC Cream.jpg?{$time}" title="TONYMOLY - Luminous Pure Aura CC Cream" style="display: none" class="iframe"></a>
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/TONYMOLY/tonymoly_intense_care_galactomyces_first_essence.jpg?{$time}" title="TONYMOLY - Intense Care Galactomyces First Essence" style="display: none" class="iframe"></a>
			<!--a rel="promotion_group" href="{$base_dir_ssl}img/promotion/innisfree/innisfree_promotion_{$lang_iso}.jpg?{$time}" title="Innisfree - Hot Items Special Offer" style="display: none" class="iframe"></a-->
			<!--a rel="promotion_group" href="{$base_dir_ssl}img/promotion/TONYMOLY/tonymoly_timeless_placenta_bound_cream.jpg?{$time}" title="TONYMOLY - Timeless Placenta Bound Cream" style="display: none" class="iframe"></a-->
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/Missha/missha_m_perfect_cover_bb_cream_{$lang_iso}.jpg?{$time}" title="Missha - M Perfect Cover BB Cream" style="display: none" class="iframe"></a>
			<!--a rel="promotion_group" href="{$base_dir_ssl}img/It's Skin Star Cream_{$lang_iso}.jpg?{$time}" title="It's Skin - Star Cream" style="display: none" class="iframe"></a-->
			<!--a rel="promotion_group" href="{$base_dir_ssl}img/Tony Moly Intense Care Snail Ampoule_{$lang_iso}.jpg?{$time}" title="TONYMOLY - Premium Intense Care Snail Ampoule" style="display: none" class="iframe"></a-->
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/It's Skin/Its_Skin_Power10_{$lang_iso}.jpg?{$time}" title="It's Skin - Power10 Line" style="display: none" class="iframe"></a>
			<!--a rel="promotion_group" href="{$base_dir_ssl}img/promotion/TONYMOLY/collagen_firming_line_adv_{$lang_iso}.jpg?{$time}" title="TONYMOLY - Collagen Firming Line" style="display: none" class="iframe"></a-->
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/Laneige/Laneige.jpg?{$time}" title="Laneige - Water Sleeping Pack EX" style="display: none" class="iframe"></a>
			<a rel="promotion_group" href="{$base_dir_ssl}img/promotion/too cool for school/too cool for school - egg mousse pack.jpg?{$time}" title="Too Cool for School - Egg Mousse Pack" style="display: none" class="iframe"></a>
			
			
			<script type="text/javascript">
			  if (navigator.userAgent.match(/Android/i)
			  		|| navigator.userAgent.match(/webOS/i)
	 					|| navigator.userAgent.match(/iPhone/i)
	 					|| navigator.userAgent.match(/iPad/i)
	 					|| navigator.userAgent.match(/iPod/i)
	 					|| navigator.userAgent.match(/BlackBerry/i)) {
	 			}
	 			else {
				  var check_cookie = $.cookie('promotion_popup_20131014');
				  if(check_cookie == null){
				  	$(document).ready(function() {
				  		//$('#popupNotifyBox').fancybox().trigger('click');
				  		$("a[rel=promotion_group]").fancybox({
				            cyclic : 'true'}).trigger('click');
				      setInterval($.fancybox.next, 3000);
				  		$.cookie('promotion_popup_20131014', 'the_cookie_value', { expires: 2 });
				  	});
					}
				}
			</script>
		{/if}
{/if}